<!-- template inhertance -->
<extend name="layout/default"/>

<!--<extend name="layout/layui24"/>-->

<!-- styles -->
<block name="linkcss">

</block>

<!-- scripts -->
<block name="linkjs">

</block>

<!-- page title -->
<block name="webtitle">
    <title>test-PHP</title>
</block>

<!-- navagations -->
<block name="breadcrumb">
    <ol class="breadcrumb breadcrumb-edit">
        <li><a href="/">ATOP</a></li>
        <li class="active">current page</li>
    </ol>
</block>

<!-- main body -->
<block name="content">
<!--literal标签来防止模板标签被解析-->
    <literal>
        <if condition="$name eq 1 "> value1
            <elseif condition="$name eq 2"/>value2
            <else /> value3
        </if>
    </literal>
<!-- volist -->
    <!-- foreach   (与volist类似) -->
    <div class="volist">
        <h2>volist</h2>

        <h4>循环赋值数据</h4>
        <volist name="result" id="item">  <!-- foreach-->
            <p>{$item.name}:{$item.age}</p>
        </volist>

        <h4>输出其中的第3～5条记录 (不包含offset的记录)</h4>
        <volist name="result" id="item" offset="2" length="3">
            <p>{$item.name}:{$item.age}</p>
        </volist>

        <h4>输出偶数记录</h4>
        <volist name="result" id="vo" mod="2" >
            <p><eq name="mod" value="1">{$vo.name}</eq></p>
        </volist>

        <h4>mod属性可以控制换行</h4>
        <volist name="result" id="vo" mod="4" >
            {$vo.name}
            <eq name="mod" value="3"><br/></eq>
        </volist>

        <h4>为空的时候输出 empty的内容</h4>
        <volist name="list" id="vo" empty="暂时没有数据" >
            {$vo.id}|{$vo.name}
        </volist>

        <h4>输出循环遍历序号</h4>
        <!--volist自带序号 可直接用{$i}，也可如下先赋给key，在{$key}-->
        <volist name="result" id="item" key="key">  <!-- foreach-->
            <option value="{$item.name}">{$key} - {$item.name}</option>
        </volist>
    </div>

<!-- for -->
    <div class="for">
        <h2>for 循环（不包含结束值）</h2>
        <for start="1" end="10">
            {$i}
        </for>
    </div>

<!-- in  notin between notbetween -->
    <div class="range">
        <h2>in  notin between notbetween</h2>
        <in name="id" value="2,3">
            id在范围内
            <else/>
            id不在范围内
        </in>
    </div>

<!--if语句判断 特殊用condition-->
    <div class="if">
        <h2>if</h2>
        <!-- if 循环嵌套 -->
        <if condition="$_GET['type'] eq 'a'">
            <if condition="$_GET['id'] eq '2'">
                <p>type == a   id == 1</p>
                <else />
                <p>type == a   id != 1</p>
            </if>
            <else />
            type != a
        </if>
    </div>

<!--  present  (empty 是否为空) (defined 是否常量被定义)  -->
    <div class="present">
        <h2>present 判断某个变量是否已经定义</h2>
        <present name="Think.get.name">
            $_GET['name']已经赋值
            <else />
            不存在 $_GET['name']
        </present>
    </div>

<!--assign标签用于在模板文件中赋值变量    -->
    <div class="assign">
        <h2>assign</h2>
        <assign name="var" value="123" />
    </div>

    <!--取值 URL（Pages/test?id=1&type=b）的id && type-->
    <h2>{$Think.get.id} - {$Think.get.type}</h2>

    <!--取值 当前登录用户信息 {$user.nickname}-->
    <h2>{$Think.session.user.sex}</h2>

    {//获取当前登录用户的创建时间}
    <input type="hidden" name="create_time" value="{:date('Y-m-d H:i:s',time())}">

    <!--三元运算判断-->
    <h2>{$_GET['type'] == 'a' ? '正常' : '错误'}</h2>

    <!--判断name 是否等于 value (可以和else标签一起使用) ,value如果需要使用变量，只需要在前面添加“$”标志-->
    <eq name="Think.get.type" value="asdfadf">
        <p>AAAAAAAAA</p>
    <else />
        <p>BBBBBBBBB</p>
    </eq>

    <!--table判断是否有数据 notempty双标签包含，若有执行else前面部分，若没有执行else后面部分-->
    <table class="table table-hover table-bordered">
        <notempty name="result">
            <volist name="result" id="item">
                <tr>
                    <td>{$item.name}</td>
                    <td>{$item.age}</td>
                </tr>
            </volist>
        <else/>
            empty
        </notempty>
    </table>

    <!--{//  }用该符号进行模块注释-->
    {// akjkasjdjasldkfj}
    <select name="" id="">
        <option value="">请选择</option>
        <!--volist自带序号 可直接用{$i}，也可如下先赋给key，在{$key}-->
        <volist name="result" id="item" key="key">
            <option value="{$item.name}">{$key} - {$item.name}</option>
        </volist>
    </select>


    <select name="type">
        <!--通常用于编辑页面，判断默认选中哪个-->
        <option value="a" <eq name="Think.get.type" value="a">selected</eq>>a</option>
        <option value="b" <eq name="Think.get.type" value="b">selected</eq>>b</option>
    </select>

    <script>
        //动态添加，并有动态数据渲染
        $str = '<select name="" id=""></select>' +
            '<volist name="result" id="item"><option value="{$item.name}">{$item.name}</option></volist>' +
            '<div></div>';

        console.log(window.location.port);
        console.log(window.location.protocol)
    </script>
    <style>
        .table tbody tr td {
            vertical-align: middle;
        }
    </style>

    <table class="table table-bordered">
        <colgroup>
            <col width="130">
            <col>
            <col width="200">
            <col>
            <col>
        </colgroup>
        <tbody>
            <tr>
                <td>步骤</td>
                <td>评审人</td>
                <td>状态</td>
                <td>时间</td>
                <td>意见</td>
            </tr>
                <volist name="test.levels" id="ite">
                    <volist name="ite.reviewers" id="vo">
                        <tr>
                            <if condition="$i eq 1">

                                {//调用php函数的语法{:函数名(参数且只能用数组形式)}
                                <td rowspan="{:count($ite['reviewers'])}">
                                    {$ite.level_name}
                                    <eq name="ite.mode" value="1">
                                        <span class="tag tag-primary">会签</span>
                                        <else />
                                        <span class="tag tag-warning">或签</span>
                                    </eq>
                                </td>
                                <else />
                            </if>
                            <td>{$vo.name}</td>

                            {//数据库一般用时间戳存放时间，前端页面显示需用date函数转换一下}
                            <td>{$vo.created_at|date="Y-m-d H:i:s", ###}</td>

                            {//用竖线分割参数和函数，且若函数有两个及以上的参数，需要用###代表竖线前的那个参数}
                            {//number_format函数将数字转换为千分位表示法}
                            <td>{$vo.amount|number_format=###,2,'.',','}</td>

                            {//nl2br  用于将段落的换行解析成<br>标签}
                            <td>{$vo.description|nl2br}</td>
                        </tr>
                    </volist>
                </volist>
        </tbody>
    </table>
</block>